<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2017 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
  ~ which is available at https://www.apache.org/licenses/LICENSE-2.0.
  ~
  ~ SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div [ngSwitch]="displayList" class="form-group">
    <div *ngSwitchCase="undefined">
        <winery-loader></winery-loader>
    </div>
    <div *ngSwitchDefault="">
        <label class="control-label">{{ title }}</label>
        <div>
            <select class="form-control" [style.width.px]="width" style="display:inline; margin-right: 10px;"
                    (change)="onChange($event.target.value)">
                <option>(none)</option>
                <option *ngFor="let item of displayList?.classes"
                        [selected]="selectedValue === item.qName"
                        [value]="item.qName">
                    {{ item.name }}
                </option>
            </select>
            <button *ngIf="showOpenButton" class="btn btn-info btn-sm"
                    [routerLink]="openSuperClassLink"
                    [disabled]="selectedValue === '(none)'">
                open
            </button>
        </div>
    </div>

</div>
